<template>
  <div class="page-controller">
    <FIPanel title="基本信息" useCollapse>
      <FIForm v-model="formData">
        <el-row :gutter="20">
          <el-col :span="wrapperSpan">
            <FIFormItem label="回款保证金余额(元)" prop="hkbzjye">
              <FIInput v-model="formData.hkbzjye" :disabled="true" />
            </FIFormItem>
          </el-col>
          <el-col :span="wrapperSpan">
            <FIFormItem name="isAuth" label="是否授权">
              <FISelect
                v-model="formData.isAuth"
                valueCustom="value"
                :options="[
                  { value: '1', label: '是' },
                  { value: '0', label: '否' },
                ]"
                clearable
              />
            </FIFormItem>
          </el-col>
          <el-col :span="wrapperSpan">
            <FIFormItem label="合同信息" prop="htxx">
              <el-input v-model="formData.htxx" :disabled="true"></el-input>
            </FIFormItem>
          </el-col>
        </el-row>
      </FIForm>
    </FIPanel>
  </div>
</template>
<script setup lang="ts">
import { reactive } from 'vue'
import FIInput from '@/components/FIInput.vue'
import FIForm from '@/components/FIForm.vue'
import FIFormItem from '@/components/FIFormItem.vue'
import FISelect from '@/components/FISelect/index.vue'
const wrapperSpan = 8
const formData = reactive({
  hkbzjye: '',
  isAuth: '',
  htxx: '',
})
</script>
